<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			{{ txt }}
			<input type="button" v-on:click="fnChange('传智播客')" value="修改值" />
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			// 所有需要跟变量赋值写到data里面
			data:{
				txt:"黑马程序员"
			},
			// methods里面用来定义函数
			methods:{
				// 需要注意，传递参数的时候，不是直接把参数写到函数的后面，是写到funcation后面
				fnChange:function(name){
					this.txt = name
				}
			}
		})
	</script>
</html>
